$(function () {
    const pageSize = 10; // 每页条数
    let page = 1; // 页码
    let lock = true; // 标杆

    /* 封装一个获取接口列表数据的函数 */
    function getBorrowList(page) {
        $.ajax({
            url: 'http://139.9.177.51:3333/p2p/getBorrowList',
            type: 'get',
            data: {
                pageIndex: page,
                pageSize: pageSize,
            },
            success: function (res) {
                // 接收后端的参数
                let {
                    code,
                    data,
                    total
                } = res;
                if (code === 200) {
                    let totalPage = Math.ceil(total / pageSize) // 计算最大页码

                    /* 使用分页插件: 初始化 */
                    if (lock) {
                        $("#page").paging({
                            pageNum: page, // 当前页码
                            totalNum: totalPage, // 总页码
                            totalList: total, // 数据总条数
                            callback: function (num) { // 回调函数 会把当前页码传入
                                // 获取当前页对应的数据
                                getBorrowList(num)
                            }
                        })
                        lock = false
                    }

                    // 循环拼接html结果
                    let ret = ""
                    for (let i = 0; i < data.length; i++) {
                        /* 循环渲染 */
                        ret += `<tr>
                            <td>${data[i].username}</td>
                            <td>${data[i].title}</td>
                            <td>${data[i].interest}%</td>
                            <td>${data[i].borrowmoney}</td>
                            <td>${data[i].repaytype == 0 ? '按月分期' : '按月到期'}</td>
                            <td>${((data[i].ownmoney / data[i].borrowmoney) * 100).toFixed(2)}%</td>
                            <td style="width: 60px;">
                            <a href="../borrowmoney.html">
                            <button style="width: 60px;" id="particulars" class="btn btn-danger btn-sm">查看</button>
                            </a>                           
                            </td>
                        </tr>`
                    }
                    // 渲染到页面的指定位置
                    $('#borrowList').html(ret)
                }
            }
        })
    }

    /* 进入页面 第一次调用 */
    getBorrowList(page)
    $('#borrowList').on('click', '#particulars', function () {

    })
})